 $border-color: #dfdfdf;
 $error-info:rgb(228, 15, 15);
 $plus-bg-color:#ffffff;
 $plus-font-color:var(--el-color-primary);
 $thead-bg-color:var(--el-color-primary-light-9);
 $hover-bg-color:var(--el-color-primary-light-9);
 .errorTip{
    color: $error-info;
 }
 .editTableMini {
    background-color: #fff;
    max-height: 400px;
    overflow-y: auto;
    position: relative;
    .disable_shadow{ 
        position: absolute;
        background-color: #f5f5f512; 
        opacity: .3;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 2;
    }
     .miniEdit {
        //  width: 100%;
        //  border-spacing: inherit;
         border: 1px solid $border-color;
         border-top:0;
         border-spacing: 0;
         border-collapse: separate;
        //  table-layout: auto;
         table-layout: fixed;
        
         &.bgColorTable{
            .minThead{
                tr>td{
                    &:first-child{
                        
                        position: sticky;
                        left: 0;
                        top:0;
                        z-index: 999;
                    }
                }
            }
            .minBody{
                tr>td{
                    &:first-child{
                        background-color:#F3F4F7;
                        position: sticky;
                        left: 0;
                        top:0;
                        z-index: 99;
                    }
                }
            }
         }

         .minThead {
             &>tr {
                 &>td {
                     height:24px;
                     text-align: left;
                     padding: 5px 10px;
                     font-size: 12px; 
                     color: #494b5c;
                     font-weight: bold;
                     background-color: #f7f7f7;
                     border-bottom: 1px solid $border-color;
                     border-top:1px solid $border-color;
                     position: sticky;
                     top: 0;
                     z-index: 99;
                    //  white-space: nowrap;
                     &:not(:first-child) {
                         border-left: 1px solid $border-color;
                     } 
                     
                 }
             }
         }

         .minBody {
             &>tr {
                 &>td {
                    height:24px;
                    vertical-align: baseline;
                     text-align: left;
                     padding: 5px 10px;
                     font-size: 13px;
                     border-top: 1px solid $border-color;
                        color: #303133;
                     &:not(:first-child) {
                         border-left: 1px solid $border-color;
                     } 
                     &.opration {
                        width: 40px;
                        cursor: pointer;
                        padding: 5px;
                        text-align: center;
                        vertical-align: middle;
                        .oprationSpan{
                            display: inline-block;
                            width: 30px;
                            height:20px;
                            
                        }
                        &:hover{
                            .del{
                                font-size: 18px;
                                color: $error-info;
                             }
                            
                            
                            // background-color:  $plus-bg-color;
                            // color:  $plus-font-color;
                        }
                    }
                    
                     &.plus{

                         text-align: left;
                        padding-left: 17px;
                        font-size: 18px;
                        color: $plus-font-color;
                         i{
                            position: relative;
                            top:2px;
                         }
                       
                        // &:hover{
                        //     background-color:  $plus-bg-color;
                        // }
                     }
                     .table_div{
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        .editCon{
                            outline: none;
                            text-align: left;
                            font-size: 13px;
                         }
                         .errorTip{
                            font-size: 11px;
                            color:  $error-info;
                         }

                     }
                    
                 }
                 &:hover{
                 
                 }
             }
         }


     }
 }
 .editCon{
    height: 24px;
 }
 :deep(.editCon .el-input__wrapper,.minBody .qf_select)
 {
    border:0;
    box-shadow: none;
    padding:0;
 }

 .dark{
    .editTableMini .miniEdit .minThead > tr > td{
        background-color: var(--el-bg-color);
    }
    .editTableMini .miniEdit .minBody > tr > td{
        background-color: var(--el-bg-color);
        &:first-child{
            background-color: #171A2E ;
            color: #fff;
        }
    }
    
 }